<div class="callout">
  <figure
    class="app-icon large-icon safari-preview-icon"
    aria-hidden="true"></figure>
  <h4>Safari Technology Preview</h4>
  <p class="margin-bottom-small">
    Get a sneak peek at upcoming web technologies in macOS and iOS with
    <a href="/safari/technology-preview/" class="nowrap"
      >Safari Technology Preview</a
    >
    and experiment with these technologies in your websites and extensions.
  </p>
  <ul class="links small">
    <li class="dmg">
      <a
        class="inline"
        href="https://secure-appldnld.apple.com/STP/012-08405-20220525-72BCCE23-C6E8-460A-851A-A29AC9C9BCF7/SafariTechnologyPreview.dmg"
        >Safari Technology Preview for macOS Monterey</a
      ><br /><span class="smaller lighter nowrap nowrap-small"
        >Requires macOS&nbsp;12.</span
      >
    </li>
    <li class="dmg">
      <a
        class="inline"
        href="https://secure-appldnld.apple.com/STP/012-08529-20220525-85875EC7-E4B8-4F5A-9571-85C51D6E381D/SafariTechnologyPreview.dmg"
        >Safari Technology Preview for macOS Big Sur</a
      ><br /><span class="smaller lighter">Requires macOS&nbsp;11.</span>
    </li>
    <li class="document">
      <a href="/safari/technology-preview/release-notes/">Release Notes</a>
    </li>
  </ul>
  <div class="row gutter text-left">
    <div class="column">
      <p class="sosumi no-margin-bottom margin-top-small">Release</p>
      <p class="smaller lighter no-margin">146</p>
    </div>
    <div class="column">
      <p class="sosumi no-margin-bottom margin-top-small">Posted</p>
      <p class="smaller lighter no-margin">May 25, 2022</p>
    </div>
  </div>
</div>
